page {
		background-color: rgba(217, 217, 217, .1);
		height: 100vh;
	}

	.video-box {
		width: 100vw; 
		height: 450rpx;

		video {
			width: 100%;
			height: 100%;
		}
	}

	.barrage-ipt {
		position: relative;
		width: 95%;
		height: 60rpx;
		margin: 20rpx auto;

		input {
			height: 60rpx;
			background-color: rgba(208, 208, 208, .6);
			border-radius: 20rpx;
			text-indent: 1em;
			font-size: 28rpx;
			padding-right: 120rpx;
		}

		.send-btn {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 100rpx;
			height: 60rpx;
			line-height: 60rpx;
			text-align: center;
			background-color: rgba(255, 123, 0, 0.7);
			color: rgba(255, 255, 255, 0.9);
			font-size: 28rpx;
			border-radius: 20rpx;
		}
	}

	.author-box {
		width: 95%;
		margin: 20rpx auto;

		.avatar-box {
			display: flex;
			justify-content: space-between;

			.avatar-left {
				display: flex;

				image {
					width: 80rpx;
					height: 80rpx;
					margin: auto 0;
					border-radius: 50%;
				}

				.creator {
					margin-left: 20rpx;

					b {
						color: #333;
						font-size: 30rpx;
					}

					view {
						font-size: 24rpx;
						color: #a7a7a7;

						span {
							margin-right: 10rpx;
						}
					}
				}
			}

			.avatar-right {
				width: 100rpx;
				height: 40rpx;
				margin: auto 0;
				margin-right: 20rpx;
				border-radius: 20rpx;
				border: 1px solid #ea0000;
				line-height: 40rpx;
				text-align: center;
				font-size: 24rpx;
				color: #ea0000;
			}
		}

		.title-box {
			margin: 40rpx auto;
			display: flex;

			.title-icon {
				width: 50rpx;
				height: 30rpx;
				margin: auto 0;
				margin-right: 20rpx;
				border-radius: 10rpx;
				border: 1px solid #ea0000;
				line-height: 30rpx;
				text-align: center;
				font-size: 24rpx;
				color: #ea0000;
			}

			.title {
				font-size: 30rpx;
				font-weight: 600;
			}
		}

		.count-box {
			display: flex;

			span {
				display: block;
				margin-right: 10rpx;
				font-size: 24rpx;
				color: #a7a7a7;
			}
		}
	}

	.rcmd-box {
		width: 95%;
		margin: 20rpx auto;

		.rcmd-item {
			display: flex;
			margin: 30rpx 0;

			img {
				width: 300rpx;
				height: 180rpx;
				margin-right: 20rpx;
				border-radius: 20rpx;
			}

			.rcmd-right {
				width: 350rpx;
				margin: auto 0;

				.title {
					font-size: 30rpx;
					margin-bottom: 10rpx;
				}

				span {
					display: block;
					font-size: 24rpx;
					color: #a7a7a7;
				}
			}
		}
	}